<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">

  <h:head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="css/affablebean.css" rel="stylesheet" type="text/css" />
		<link rel="shortcut icon" href="img/favicon.ico"/>

		<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
		<script src="js/jquery-ui-1.8.4.custom.min.js" type="text/javascript"></script>
		<script src="js/jquery.corners.js" type="text/javascript"></script>

		<script type="text/javascript">
				$(document).ready(function(){
						$('.rounded').corners();

						$('a.categoryButton').hover(
								function () {$(this).animate({backgroundColor: '#b2d2d2'})},
								function () {$(this).animate({backgroundColor: '#d3ede8'})}
						);

						$('div.categoryBox').hover(over, out);

						function over() {
								var span = this.getElementsByTagName('span');
								$(span[0]).animate({opacity: 0.3});
								$(span[1]).animate({color: 'white'});

						}

						function out() {
								var span = this.getElementsByTagName('span');
								$(span[0]).animate({opacity: 0.7});
								$(span[1]).animate({color: '#444'});
						}
				});
		</script>

    <title>The Affable Bean</title>
  </h:head>
</html>

